<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS集合数据遍历显示 </title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script type="text/javascript" src="../js/angular-route.min.js"></script>
	</head>
	
	<body ng-app="myapp">
		<div>
			<h1>head</h1>
			<a href="#/">首页</a>
			<a href="#/user">第二页</a>
			<a href="#/fuck">第三页</a>
		</div>
		<div>
			<div ng-view>
				
			</div>
		</div>
		<div>
			<h1>footer</h1>
		</div>
	</body>
	
	<script type="text/javascript">
		var myapp = angular.module("myapp",["ngRoute"]);
		myapp.config(["$routeProvider",function($routeProvider){
			$routeProvider.when("/",{
				templateUrl:'5_1.html'
			}).when('/user',{
				templateUrl:'5_2.html'
				}).when('/fuck',{
					templateUrl:'5_3.html'
				}).otherwise({
					redirectTo:'/'
				});
		}]);
	</script>
</html>